﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>130个表单控件：测试渲染速度</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    
    <script src="../scripts/boot.js" type="text/javascript"></script>

    <style type="text/css">
    fieldset
    {
        margin:10px;
    }
    legend
    {
        padding:3px;
        font-weight:bold;
    }
    </style>
</head>
<body>
<h4>130个表单控件：测试渲染速度。</h4>

<a class="mini-button" onclick="onValid">验证</a>
<a class="mini-button" onclick="onClearValid">清除验证</a>

<fieldset>
    <legend>TextBox(60)</legend>
    <div>
        <span>字段：</span><input name="textbox1" class="mini-textbox" required="true" />
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
        <span>字段：</span><input class="mini-textbox" required="true"/>
    </div>
</fieldset>
<fieldset>
    <legend>TextArea(10)</legend>
    <div>
        <span>字段：</span><input class="mini-textarea" required="true"/>
        <span>字段：</span><input class="mini-textarea" required="true"/>
        <span>字段：</span><input class="mini-textarea" required="true"/>
        <span>字段：</span><input class="mini-textarea" required="true"/>
        <span>字段：</span><input class="mini-textarea" required="true"/>
        <span>字段：</span><input class="mini-textarea" required="true"/>
        <span>字段：</span><input class="mini-textarea" required="true"/>
        <span>字段：</span><input class="mini-textarea" required="true"/>
        <span>字段：</span><input class="mini-textarea" required="true"/>
        <span>字段：</span><input class="mini-textarea" required="true"/>
    </div>
</fieldset>
<fieldset>
    <legend>ComboBox(10)</legend>
    <div>
        <span>字段：</span><input class="mini-combobox" required="true"/>
        <span>字段：</span><input class="mini-combobox" required="true"/>
        <span>字段：</span><input class="mini-combobox" required="true"/>
        <span>字段：</span><input class="mini-combobox" required="true"/>
        <span>字段：</span><input class="mini-combobox" required="true"/>
        <span>字段：</span><input class="mini-combobox" required="true"/>
        <span>字段：</span><input class="mini-combobox" required="true"/>
        <span>字段：</span><input class="mini-combobox" required="true"/>
        <span>字段：</span><input class="mini-combobox" required="true"/>
        <span>字段：</span><input class="mini-combobox" required="true"/>
    </div>
</fieldset>
<fieldset>
    <legend>DatePicker(10)</legend>
    <div>
        <span>字段：</span><input class="mini-datepicker" required="true"/>
        <span>字段：</span><input class="mini-datepicker" required="true"/>
        <span>字段：</span><input class="mini-datepicker" required="true"/>
        <span>字段：</span><input class="mini-datepicker" required="true"/>
        <span>字段：</span><input class="mini-datepicker" required="true"/>
        <span>字段：</span><input class="mini-datepicker" required="true"/>
        <span>字段：</span><input class="mini-datepicker" required="true"/>
        <span>字段：</span><input class="mini-datepicker" required="true"/>
        <span>字段：</span><input class="mini-datepicker" required="true"/>
        <span>字段：</span><input class="mini-datepicker" required="true"/>
    </div>
</fieldset>

<fieldset>
    <legend>Spinner(10)</legend>
    <div>
        <span>字段：</span><input class="mini-spinner" required="true"/>
        <span>字段：</span><input class="mini-spinner" required="true"/>
        <span>字段：</span><input class="mini-spinner" required="true"/>
        <span>字段：</span><input class="mini-spinner" required="true"/>
        <span>字段：</span><input class="mini-spinner" required="true"/>
        <span>字段：</span><input class="mini-spinner" required="true"/>
        <span>字段：</span><input class="mini-spinner" required="true"/>
        <span>字段：</span><input class="mini-spinner" required="true"/>
        <span>字段：</span><input class="mini-spinner" required="true"/>
        <span>字段：</span><input class="mini-spinner" required="true"/>
    </div>
</fieldset>
<fieldset>
    <legend>Button(20)</legend>
    <div>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
                <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
        <a class="mini-button" iconCls="icon-add">新增</a>
    </div>
</fieldset>




<script type="text/javascript">

//    var sss = new Date();
//    window.onload = function () {
//        setTimeout(function () {
//            alert(new Date() - sss);
//        }, 100);
//    };
    mini.parse();
    var form = new mini.Form(document.body);
    function onValid(e) { 
        form.validate();
    }
    function onClearValid(e) {
        form.setIsValid(true);
    }

</script>
</body>
</html>